<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>纯css实现轮播图效果</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>

	<body>
		<div class="wrap">
			<ul class="list">
				<li><img src="img/1.png" alt="" /></li>
				<li><img src="img/2.png" alt="" /></li>
				<li><img src="img/3.png" alt="" /></li>
				<li><img src="img/4.png" alt="" /></li>
				<li><img src="img/1.png" alt="" /></li>
			</ul>
		</div>
	</body>

</html>